* {
    padding: 0px;
    margin: 0px;
}

html {
    background: url(../Icons/bg.jpg) repeat-y center top;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #444;
    line-height: 18px;
    text-align: justify;
    background: url(../Icons/header_bg.jpg) repeat-x center top;
}

.clear {
    clear: both;
}

.clear_left {
    clear: left;
}

.clear_right {
    clear: right;
}

.fload_left {
    float: left;
}

.fload_right {
    float: right;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 12px;
}

img, p, ul {
    border: 0px;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    outline: none;
}

select {
    outline: none;
}

table {
    border-collapse: collapse;
}
/*---------- Một số chuẩn khi cắt css và tránh lỗi IE6-------------
- Khi thêm thuộc tính margin cho thẻ phải thêm thuộc tính display:inline (trừ những thẻ không có chiều cao, rộng cố định thì không cần thiết)
- Khi thêm padding chiều nào của một thẻ phải giảm độ rộng, cao tương ứng nếu thẻ có chiều rộng hoặc cao cố định.
- Tất cả các link phải có hover
- Những button như Hủy,Gửi đặt trong thẻ input phải có thuộc tính cursor:pointer . 
- Những Title chỉ có một dòng thì tránh dùng padding-left khi muốn cách đầu dòng_ nên dùng text-indent:px và nên sét chiều rộng và thuộc tính overflow:hidden.
- Nếu thẻ <img/> đặt trong một thẻ khác mà hình ảnh quá nhỏ thì phải có thuộc tính font-size:1px trong thẻ chứa <img/>

* ---------------------------Qui tắc đặt tên--------------*/
a:hover {
    text-decoration: underline;
}

.page {
    text-align: right;
    padding-top: 9px;
    padding-bottom: 9px;
}

    .page a {
        background: #fff;
        border: 1px solid #dfe0e1;
        color: #19558d;
        padding: 1px 5px;
        margin-right: 2px;
    }

        .page a:hover, .page a.active {
            background: #026602;
            border: 1px solid #026602;
            color: #fff;
            text-decoration: none;
        }

/*
    Link page
*/

.linkPage {
    line-height: 30px;
    font-size: 12px;
}

    .linkPage a {
        padding: 6px 10px;
        margin: 2px;
        background-color: #ccc;
        background: rgba(225,225,225,0.7);
        border: 1px solid #ccc;
        border-radius: 50%;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        -moz-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

        .linkPage a:hover {
            background-color: #fff;
            color: #000;
        }

    .linkPage .currentPage {
        padding: 6px 10px;
        margin: 2px;
        width: 10px;
        border: 1px solid #ccc;
        background-color: #fff;
        color: #000;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
    }

#header {
    overflow: hidden;
}

    #header .logo {
        max-width: 219px;
        max-height: 141px;
        padding: 5px;
        display: table-cell;
        vertical-align: middle;
    }

        #header .logo img {
            width: 219px;
            height: 141px;
        }

    #header .banner {
        max-width: 501px;
        max-height: 208px;
        display: table-cell;
        vertical-align: middle;
    }

        #header .banner img {
            width: 501px;
            height: 208px;
        }

/*************IMAGE CAPCHA*************/
.image_capcha {
    padding: 0px 190px;
}
